<template>
  <div class="not-found-wrapper">
    <div class="not-found-box">
      <h1>404</h1>
      <p>页面未找到</p>
      <el-button
        type="primary"
        @click="$router.push('/')">
        返回首页
      </el-button>
    </div>
  </div>
</template>

<script setup></script>

<style scoped lang="scss">
  .not-found-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;

    .not-found-box {
      text-align: center;

      h1 {
        font-size: 60px;
      }

      p {
        margin: 10px 0 40px;
        font-size: 18px;
      }
    }
  }
</style>
